<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>评测</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">


	<script type="text/javascript" src="js/Adaptive.js"></script>

	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>

	<script type="text/javascript" src="js/public.js"></script>
	<script type="text/javascript" src="vue/vue.js"></script>

</head>
<body>

	<section id="testAunt">
		<div class="headInd" v-show="navIndexAct.ind != 3">等级测评</div>
		<div class="navHead" v-show="navIndexAct.ind != 3">{{navIndexAct.navTitle[navIndexAct.ind -1].title}}</div>

		<!-- PageOne -->
		<div class="PageOne" v-show="navIndexAct.ind == 1">
			<div class="Form">
				<div class="name">工种：</div>
				<ul class="navLabel">
					<li @click="userInfo.post = 0" :class="[userInfo.post == 0 ? 'active' : '']">月嫂</li>
					<li @click="userInfo.post = 1" :class="[userInfo.post == 1 ? 'active' : '']">育儿嫂</li>
				</ul>
			</div>

			<div class="Form">
				<div class="name">技能指定：</div>
				<select v-model="userInfo.value">
					<option v-for="(item, index) in userInfo.examinationItem[userInfo.post].option" v-if="index <= userInfo.examinationItem[userInfo.post].status" :value="item.id">{{item.name}}</option>
				</select>
			</div>

			<div class="nextPage"><span @click="nextPage">下一步</span></div>

		</div>
		<!-- PageOne end -->

		<!-- PageTwo  -->
		<div class="PageTwo" v-show="navIndexAct.ind == 2">
			<div class="header">您选择了<span>首席王牌月嫂</span><br/>之后需经过<span>三级</span>考试</div>
			<ul>
				<li>
					<div class="title">初级{{userInfo.post == 0 ? '月嫂' : '育儿嫂'}}考试</div>
					<p>初级{{userInfo.post == 0 ? '月嫂' : '育儿嫂'}}考试需超过80分才能进入中级考试</p>
				</li>

				<li>
					<div class="title">中级{{userInfo.post == 0 ? '月嫂' : '育儿嫂'}}考试</div>
					<p>中级{{userInfo.post == 0 ? '月嫂' : '育儿嫂'}}考试需超过80分才能进入高级考试</p>
				</li>

				<li>
					<div class="title">高级{{userInfo.post == 0 ? '月嫂' : '育儿嫂'}}考试</div>
					<p>高级{{userInfo.post == 0 ? '月嫂' : '育儿嫂'}}考试需超过60分则及格</p>
				</li>
			</ul>

			<div class="nextPage"><span @click="nextPage">开始初级考试</span></div>

		</div>
		<!-- PageTwo end -->



		<!-- pageTest -->
		<div class="pageTest" v-show="navIndexAct.ind == 3">
			<div class="head">
				<span class="big">《月嫂等级考核》</span>
				<span class="min">初级21道题</span>
			</div>

			<ul class="topicList">
				<li v-for="(item, index) in questionList">
					<div class="timu"><span>【试题{{index+1}}】</span>{{item.name}}</div>

					<ul class="answerList">
						<li v-for="(items, ind) in item.option">
							<input v-if="item.multiselect" :id="[ind+'answer'+index]" type="checkbox" :name="['answer'+index]" :value="items.field" v-model="item.selected">

							<input v-if="!item.multiselect" :id="[ind+'answer'+index]" type="radio" :name="['answer'+index]" :value="items.field" v-model="item.selected">
							<label :for="[ind+'answer'+index]"><span class="ind">{{items.field}}</span>{{items.value}}</label>
						</li>

					</ul>

				</li>
			</ul>

			<div class="nextPage"><span @click="nextPage">提交试卷</span></div>
		</div>
		<!-- pageTest end -->


		<!-- pageResult -->
		<div class="pageResult" v-show="navIndexAct.ind == 4">

			<img v-show="performance.isPass" src="images/succeed.jpg">
			<img v-show="!performance.isPass" src="images/fell.jpg">


			<div class="wordCon">
				<p :class="[performance.isPass ? '' : 'err']">{{performance.line1}}</p>
				<p :class="[performance.isPass ? '' : 'err']">{{performance.line2}}</p>
				<p :class="[performance.isPass ? '' : 'err']">{{performance.line3}}</p>
				<p :class="[performance.isPass ? '' : 'err']">{{performance.line4}}</p>

				<div class="nextPage" v-if="performance.btn1.isShow"><span @click="goHome">{{performance.btn1.text}}</span></div>

			</div>
		</div>
		<!-- pageResult end -->








	</section>



	<script type="text/javascript" src="js/testAunt.js"></script>







</body>
</html>
